<script setup lang="ts">
import {defineProps} from "vue";

const {list} = defineProps({
  list: Array
})

</script>
<template>
  <table class="w-full text-sm text-left border dark:border-gray-700 rtl:text-right text-gray-500 dark:text-gray-400 my-4 rounded-2"
         v-for="(item,index) of list "
         :key="index"
  >
    <tbody>
    <tr class="bg-white border-b dark:bg-gray-800 dark:border-gray-700" v-for="(val,key) of item" :key="key">
      <th scope="row" class="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white">
        {{ key }}
      </th>
      <td class="px-6 py-4">
        {{ val }}
      </td>
    </tr>
    </tbody>
  </table>
</template>
